.playlistPafe{
  height: 100%;
  .playlistDet{
    padding: 10px 30px;
    box-sizing: border-box;
    .Recommend_box{
      .n-daily{
        display: flex;
        align-items: center;
        .NowTime{
          .iconfont{
            font-size: 80px;
            color: rgb(236,65,65);
          }
        }
        .tips{
          margin-left: 20px;
          display: flex;
          flex-direction: column;
          .tips_title{
            font-size: 25px;
            font-weight: bold;
          }
          .tips_tips{
            font-size: 12px;
            color: rgba(0,0,0,0.6);
          }
        }
      }
    }
    .PlayButton_box{
      .Play_box{
        display: flex;
        align-items: center;
      }
      .PlayAll{
        background-color: rgb(236,65,65);
        border: 0;
        color: white;
        border-radius: 10px 0 0 10px;
      }
      .Add{
        background-color: rgb(236,65,65);
        color: white;
        border: 0;
        border-radius: 0 10px 10px 0;
      }
      .SCbut{
        background-color: transparent;
        border-radius: 10px;
      }
    }

    .PlayList_withId{
      display: flex;
      .PlayList_detail{
        flex: 1;
        margin-left: 20px;
        .title{
          display: flex;
          align-items: center;
          .t_text{
            font-size: 25px;
            font-weight: bold;
          }
        }
        .create_author{
          margin: 10px 0;
        }
        .PlayId_det{
          padding: 0;
          margin: 10px 0;
          li{
            list-style: none;
          }
        }
      }
    }
  }

  .Playlist_table{
    .ant-table-cell{
      height: 35px;
      padding: 0 16px;
      border-bottom: 0;
    }
    .ant-table-thead{
      .ant-table-cell{
        background-color: #FFFFFF;

        &:before{
          display: none;
        }
      }
    }
    .ant-table-tbody{
      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
        background: rgb(240,241,242);
      }
      .ant-table-row{
        &:nth-child(even){
          background-color: rgb(249,249,249);
        }
      }
    }
    .Index_Playindex{
      .download_icon{
        color: rgba(0,0,0,0.38);
        &:hover{
          cursor: pointer;
          color: rgba(0,0,0,0.6);
        }
      }
    }
    .artistlsit{
      .artistitem{
        font-size: 12px;
        color: rgba(0,0,0,0.38);
        &:after{
          padding: 0 2px;
          content: '/';
        }
        &:hover{
          cursor: pointer;
          color: rgba(0,0,0,0.6);
        }
        &:last-child{
          &:after{
            content: '';
          }
        }
      }
    }
    .table_name{
      font-size: 12px;
      color: rgba(0,0,0,0.87);
    }
    .album,.table_dt{
      font-size: 12px;
      color: rgba(0,0,0,0.38);
      &:hover{
        cursor: pointer;
        color: rgba(0,0,0,0.6);
      }
    }
  }

}